<template>
<view class='uni-icon' :style='style' />
</template>

<script setup lang="ts">
  import { IconProps } from '../props'
  import { useIconfont } from '../useIconfont'
  import { computed } from 'vue'
  const props = defineProps(IconProps)
  const {
  colors,
  svgSize,
  quot,
  isStr,
  } = useIconfont(props)
  const style = computed(() => {
      return `background-image: url(${quot.value}data:image/svg+xml, %3Csvg viewBox='0 0 1158 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize.value}px' height='${svgSize.value}px'%3E%3Cpath d='M875.215764 1024a282.947368 282.947368 0 1 1 282.947369-282.947368 283.297684 283.297684 0 0 1-282.947369 282.947368z m-0.161684-491.061895a208.006737 208.006737 0 1 0 208.168421 208.006737 208.276211 208.276211 0 0 0-208.168421-207.898947zM861.74208 754.526316c-5.066105 0-0.889263-54.784 0-80.842105-1.967158-17.461895 5.632-36.810105-18.243368-50.095158a25.141895 25.141895 0 0 0-15.575579-0.215579 66.721684 66.721684 0 0 0-20.07579 23.363368v134.736842a37.968842 37.968842 0 0 0 35.624421 39.855158c179.765895 2.694737 32.471579 2.155789 125.898105 0.296421 62.248421-1.266526 64.107789-60.901053 6.682948-64.673684m73.835789-522.778947v46.780631a105.337263 105.337263 0 0 1-3.422315 37.160421 37.726316 37.726316 0 0 1-33.738106 21.827369 34.034526 34.034526 0 0 1-17.030737-2.263579c-31.824842-13.096421-26.677895-44.328421-26.677894-87.632842V167.909053a146.863158 146.863158 0 0 0-7.356632-70.305685c-11.910737-16.788211-31.797895-15.333053-60.146526-15.333052H145.238501c-24.522105 0-44.085895-0.431158-54.757053 13.042526a89.680842 89.680842 0 0 0-9.081263 56.158316v696.239158c0 28.618105-1.643789 48.505263 15.333053 60.685473 15.979789 11.371789 55.161263 7.383579 82.243368 7.383579h267.37179c34.789053 0 52.008421 4.096 57.290105 33.738106a45.487158 45.487158 0 0 1-3.395368 24.683789c-12.099368 28.267789-45.810526 22.393263-84.803369 22.393263H114.868817l-10.482526-1.131789a131.530105 131.530105 0 0 1-22.12379-5.685895 125.898105 125.898105 0 0 1-71.194947-65.778526 150.905263 150.905263 0 0 1-10.213053-37.160421l-0.296421-54.730106V159.932632A268.018526 268.018526 0 0 1 5.381659 88.737684 124.119579 124.119579 0 0 1 95.305027 4.230737 261.389474 261.389474 0 0 1 152.595133 1.401263h734.746947a324.742737 324.742737 0 0 1 63.811368 1.967158 135.087158 135.087158 0 0 1 56.589474 28.375579 122.610526 122.610526 0 0 1 39.989895 67.206737 356.675368 356.675368 0 0 1 2.290526 74.320842v60.847158z m-743.585684 86.716631h-31.851789a37.726316 37.726316 0 0 1-32.336842-33.899789 38.480842 38.480842 0 0 1 26.354526-41.364211 118.379789 118.379789 0 0 1 30.477474-1.158737h400.303157a94.019368 94.019368 0 0 1 34.330948 3.152842 38.373053 38.373053 0 0 1 18.863158 20.965053l2.209684 9.216a38.022737 38.022737 0 0 1-29.130105 42.522947 137.997474 137.997474 0 0 1-28.833685 0.565895h-390.467368z m-64.350316 211.402105a36.890947 36.890947 0 0 1 4.122948-22.123789c13.473684-27.486316 45.999158-20.695579 84.021894-20.695579h173.244632a193.616842 193.616842 0 0 1 72.757895 4.904421 39.316211 39.316211 0 0 1 16.761263 21.557895l1.643789 9.216a37.726316 37.726316 0 0 1-30.208 40.421052l-49.421473 0.269474h-189.763369c-43.250526 0.053895-76.557474 6.224842-83.159579-33.549474z' fill='${(isStr.value ? colors.value : colors.value[0]) || 'rgb(51,51,51)'}' /%3E%3C/svg%3E${quot.value}); width: ${svgSize.value}px; height: ${svgSize.value}px;`
  })
</script>
